import React from 'react';
import styled from 'styled-components';
//可以根据组件属性来调整样式
const Button = styled.button`
 background:green;
 border-radius:3px;
 border:none;
 color:${props=>props.color};
 padding:3px 6px;
`
//可以在一个styled-component组件的基础上扩展样式
const LargeButton = styled(Button)`
  font-size:48px;
  padding:30px 60px;
`

function StyledProps(){
    return <LargeButton color="orange">点我</LargeButton>
}
export default StyledProps;